<template>
  <div>
    <StatisticsHeader :title="title" :subtitle="subtitle" />
    <div>
      <el-row :gutter="20">
        <el-col :span="20">
          <el-pagination
            layout="slot,total, sizes, prev, pager, next, jumper,slot"
            :total="50"
          >
            <el-button>全部</el-button>
            <el-button>全部2</el-button>
          </el-pagination>
        </el-col>
        <el-col :span="4">
          <el-button type="primary" size="mini" @click="handleView">查看详情</el-button>
        </el-col>
      </el-row>
    </div>
    <div>
      <slot name="graph" />
    </div>
  </div>
</template>

<script>
import StatisticsHeader from './statistics-header'
import { StatisticsMixin } from '../../../components/mixin'
export default {
  name: 'StatisticsItem',
  components: {
    StatisticsHeader: StatisticsHeader
  },
  mixins: [StatisticsMixin],
  methods: {
    handleView() {
      this.$emit('view')
    }
  }
}
</script>

<style scoped>

</style>
